<html>
<head>
<title>{{page_title}}</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="/static/css/geochat.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.js"></script>
<script type="text/javascript" src="static/js/passby.js"></script>
 <script type="text/javascript">
      GEOCHAT_VARS = {
        'user_email': '{{ email }}',
        'user_nickname': '{{ nickname }}',
        'default_location': '{{ location }}',
        'initial_latitude': '{{ latitude }}',
        'initial_longitude': '{{ longitude }}',
        'update_interval': 5000,
        'error_interval': 300000
      };
      GEOCHAT_IMAGES = {
        'marker': '/static/images/marker.png',
        'marker-user': '/static/images/marker-lime.png'
      };
    </script>
</head>

<body onload="initialize()">
	{% include 'common/top.html' %}
	<div id="map_canvas" style="width:100%; height:93%"></div>
	<div id="chat">
          <form id="chatform" action="#" onsubmit="say(this.chat); return false;">
            <input type="text" name="chat" size="60" maxlength="255" style="width:90%"/>
            <input type="submit" value="Chat" />
          </form>
    </div>
</body>
</html>